<!DOCTYPE html>
<html>

<head>
    <title>DesignBox</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="__CSS__/homePage.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <!--<script type="text/javascript" src="__JS__/图片轮播.js"></script>-->

    <link href="__CSS__/tuwenlunbo/style.css" rel="stylesheet" type="text/css">

</head>

<body>

    <!--新的图文轮播-->
    <div class="Choices">
        <div class="Choices_text">
            <div class="Choices_head">设计工具导览</div>
            <div class="Choices_content">

                <div class="Choicesprev"><img src="__IMG__/tuwenlunbo/Choicesprev.png" width="100%"></div>

                <div class="Choicesnext"><img src="__IMG__/tuwenlunbo/Choicesnext.png" width="100%"></div>

                <div class="Choices_banner" style="border-radius: 5px;">
                    <ul>
                        <li>
                            <div class="Choices_left"><img src="__IMG__/tuwenlunbo/画布1.jpg" width="100%"></div>
                            <div class="Choices_right">
                                <h1>商业模式画布</h1>
                                <p>商业画布是指一种能够帮助创业者催生创意、降低猜测、确保他们找对了目标用户、合理解决问题的工具。<br> 商业画布不仅能够提供更多灵活多变的计划，而且更容易满足用户的需求。更重要的是，它可以将商业模式中的元素标准化，并强调元素间的相互作用。
                                </p>
                                <!--<div class="Choicesbut"><a onclick="">了解更多</a></div>-->
                            </div>
                        </li>
                        <li>
                            <div class="Choices_left"><img src="__IMG__/tuwenlunbo/画布2.jpg" width="100%"></div>
                            <div class="Choices_right">
                                <h1>共感图</h1>
                                <h2></h2>
                                <p>用户画像的一种，从目标用户的角度感受产品，分析用户的心理和需求</p>
                                <!--<div class="Choicesbut"><a onclick="">了解更多</a></div>-->
                            </div>
                        </li>
                        <li>
                            <div class="Choices_left"><img src="__IMG__/tuwenlunbo/画布3.jpg" width="100%"></div>
                            <div class="Choices_right">
                                <h1>四象限法</h1>
                                <h2></h2>
                                <p>用来协助决策的工具，常见的有可行性——价值和紧急度——重要性。<br> 四象限法则是时间管理理论的一个重要观念是应有重点地把主要的精力和时间集中地放在处理那些重要但不紧急的工作上，这样可以做到未雨绸缪，防患于未然。
                                </p>
                                <!--<div class="Choicesbut"><a onclick="">了解更多</a></div>-->
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="Choicestel">
                    <ul>
                        <li>
                            <01/03>
                        </li>
                        <li>
                            <02/03>
                        </li>
                        <li>
                            <03/03>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="__JS__/tuwenlunbo/Choices.js"></script>



    <!--<div id="page" >
                <!--<div class="top">
                    <div class="name">DesignBox</div>
                    <div class="login"><a href="login.html" style="background-color: #98BF21;">登录</a></div>
                    <div class="register"><a href="register.html" style="background-color: #98BF21;">注册</a></div>
                </div>	-->

    <!-- 实现图片轮播 -->
    <!--<div class="bottom">
				<div class="banner">
					<ul class="img" id="photos">
						<li><img src="__IMG__/画布1.jpg" /></li>
						<li><img src="__IMG__/画布2.jpg" /></li>
						<li><img src="__IMG__/画布3.jpg" /></li>
					</ul>
					<ul class="num">
			
					</ul>
					<div class="btn btn_l">&lt;</div>
					<div class="btn btn_r">&gt;</div>
				</div>
			</div>
		<!--</div>-->

</body>

</html>